<template>
  <header class="header">
    <div class="header-back">
      <span class="iconfont back-icon">&#xe624;</span>
    </div>
    <div class="header-search">
      <span class="iconfont">&#xe632;</span><span>输入城市/景点/游玩主题</span>
    </div>
    <div class="header-city">
      <span>北京</span><span class="iconfont">&#xe64a;</span>
    </div>
  </header>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>

<style lang="stylus" scoped="scoped">
  .header
    background #00bcd4
    width 100%
    height 0.88rem
    line-height 0.88rem
    display flex
    color #FFFFFF
    .header-back
      width 0.8rem
      text-align center
      .back-icon
        font-size 0.28rem
        font-weight bold
    .header-search
      flex 1
      background #FFFFFF
      height 0.6rem
      line-height 0.6rem
      margin 0.14rem 0
      border-radius 0.06rem
      color #e4e7ea
      padding-left 0.2rem
    .header-city
      padding 0 0.22rem
      color white
</style>
